.mall {
    position: relative;
    font-size: 0.3rem;
    overflow: hidden;
    max-width: 1080px;

    .p1 {
        height: 0.8rem;
        line-height: 0.8rem;
        text-align: center;
        font-size: 0.42rem;
        font-weight: 600;
    }

    .search_wrap {
        position: relative;
        width: 7.04rem;
        height: 0.64rem;
        margin: auto;

        .edit_inp {
            width: 7rem;
            height: 0.6rem;
            border: 0.02rem solid blueviolet;
            border-radius: 0.32rem;
            vertical-align: top;
            font-size: 0.3rem;
            box-sizing: border-box;
            padding-left: 0.18rem;
        }

        .search_inp {
            width: 2rem;
            height: 0.6rem;
            margin-left: -2rem;
            background-color: #8a2be2d1;
            border-radius: 0.32rem;
            text-align: center;
            line-height: 0.6rem;
            font-size: 0.36rem;
            color: #fff;
        }
    }

    .tab_wrap {
        position: relative;
        width: 8rem;
        height: 0.5rem;
        margin: auto;
        overflow: hidden;
        overflow-x: auto;
        margin-top: 0.4rem;

        &::-webkit-scrollbar {
            /*隐藏滚动条*/
            display: none;
        }

        .mall_ul {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            display: flex;
            align-items: center;
            gap: 0.15rem;

            li {
                width: 1.78rem;
                height: 0.48rem;
                background-color: #8080804d;
                border: 1px solid gray;
                box-shadow: 0 0 0.02rem 0.02rem rgba(0 0 0 / 8%);
                text-align: center;
                line-height: 0.48rem;
                border-radius: 0.25rem;
                font-size: 0.36rem;
                overflow: hidden;

                a {
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    color: #333;

                    &.active {
                        color: #fff;
                        background-color: #8a2be280;
                    }
                }
            }
        }
    }

    .mall_show {
        position: relative;
        width: 9rem;
        margin: auto;
        margin-top: 0.4rem;
    }
}
